<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Bootstrap 101 Template</title>

<!-- Bootstrap -->
<link href="/css/bootstrap.min.css" rel="stylesheet">

<!-- cdn 带图标 -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/default.css" rel="stylesheet">
<!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<form class="form-horizontal" role="form">
	<!-- 全局 -->
	<!-- <fieldset disabled> -->
	
	<div class="form-group" >
		<label class="col-sm-2 control-label">用户名</label>
		<div class="col-sm-5">
			<input type="date" class="form-control" placeholder="user">
		</div>
	</div>	
	<div class="form-group">
		<label class="col-sm-2 control-label">email</label>
		<div class="col-sm-5">
			<input type ="email" class="form-control" placeholder="Enter email">
		</div>
	</div>
	<div class="form-group">
		<p>文本</p>
		<input type="text" class="form-control">
		<p>文本域</p>
		<textarea class="form-control" rows="5">Hello</textarea>
		<!-- 多选 -->
		<p>多选</p>
		<div class="checkbox" >
			<label>
				<input type="checkbox" value="">
				吃橘子
			</label>
			<label>
				<input type="checkbox" value="">
				吃苹果
			</label>
		</div>
		<p>单选</p>
		<div class="radio" >
			<label>
				<input type="radio" name="optionRadios" checked value="">
				男
			</label>
			<label>
				<input type="radio" name="optionRadios" value="">
				女
			</label>
		</div>
		<p>下拉选择</p>
		<select multiple class="form-control">
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
		</select>
		<!-- 提示方式 -->
		<p class="form-control-static">轻按照我的格式输入：hello@163.com</p>
		
		<!-- 不可选 -->
		<input class="form-control" type="text" placeholder="hello" disabled>
		<!-- 只读 -->
		<input class="form-control" type="text" placeholder="hello" readonly>
	</div>
	
	<div class="form-group">
		<label>password</label>	
		<input type ="password" class="form-control" placeholder="Enter password">
	</div>
	<div class="form-group">
		<label>选择</label>	
		<input type="file">
		<p class="help-block">选择需要的文件</p>
	</div>
	<div class="form-group">
		<div class="col-sm-offset-2 col-sm-10">
			<div class="checkbox">
				<label>
					<input type="checkbox">记住密码
				</label>
			</div>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-offset-2 col-sm-10">
			<div class="checkbox">
				<button type="submit" class="btn btn-default">登录</button>
			</div>
		</div>
	</div>
	
	<!-- 警告 -->
	<div class="form-group has-warning has-feedback col-xs-5" >
		<label>用户</label>
		<input class="form-control" type="text">
		<span class="glyphicon glyphicon-ok form-control-feedback"></span>
	</div>
	<!-- 成功 -->
	<div class="form-group has-success">
		<label>用户</label>
		<input class="form-control" type="text">
	</div>
	<div class="form-group has-error">
		<label>用户</label>
		<input class="form-control" type="text">
		<span class="help-block">帮助文档</span>
	</div>
</form>
</div>

  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="/js/bootstrap.min.js"></script>
 


 </body>
</html>